<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Title</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" type="text/css" href="./css/iconfont.css">
    <link rel="stylesheet" href="../org/swiper/swiper.min.css">
</head>
<body>
<!--顶部搜索-->
<div id="top">
    <i class="iconfont icon-tao"></i>
    <a href="javascript:;">
        <i class="iconfont icon-sousuo-sousuo"></i>
        寻找宝贝店铺
    </a>
</div>
<!--顶部搜索结束-->
<!--轮播图-->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <img class="swiper-slide" src="./image/1.jpg" alt="">
        <img class="swiper-slide" src="./image/2.jpg" alt="">
        <img class="swiper-slide" src="./image/3.jpg" alt="">
        <img class="swiper-slide" src="./image/4.jpg" alt="">
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>
<!--轮播图结束-->
<!--图标列表区域-->
<ul id="ico-list">
    <li>
        <img src="./image/1.png" alt="">
        <span>天猫</span>
    </li>
    <li>
        <img src="./image/2.png" alt="">
        <span>聚划算</span>
    </li>
    <li>
        <img src="./image/3.png" alt="">
        <span>天猫国际</span>
    </li>
    <li>
        <img src="./image/4.png" alt="">
        <span>外卖</span>
    </li>
    <li>
        <img src="./image/5.png" alt="">
        <span>天猫超市</span>
    </li>
    <li>
        <img src="./image/6.png" alt="">
        <span>充值中心</span>
    </li>
    <li>
        <img src="./image/7.png" alt="">
        <span>飞猪旅行</span>
    </li>
    <li>
        <img src="./image/8.png" alt="">
        <span>领金币</span>
    </li>
    <li>
        <img src="./image/9.png" alt="">
        <span>到家</span>
    </li>
    <li>
        <img src="./image/10.png" alt="">
        <span>分类</span>
    </li>
</ul>
<!--图标列表区域结束-->
淘宝头条
<script src="../org/swiper/swiper.min.js"></script>
<script src="./js/index.js"></script>
</body>
</html>